<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公共头部样式</title>
    <link rel="stylesheet" href="../css/header.css">
</head>
<body>
    <header>
        <div class="nav">
            <div class="navBox">
                <ul class="loginBox">
                    <li class="active ind">亲,请登录</li>
                    <li><a href="./register.html">免费注册</a></li>
                    <li>手机逛淘宝</li>
                </ul>
                <div class="loginShadow">
                    <div class="zhezhao"></div>
                    <p class="shadowImag"><span class="outLogin">退出</span><span>用户信息</span></p>
                    <div class="shadowImg"><img src="../images/index/userHead.jpg" alt=""></div>
                    <span class="shadowNick">用户昵称</span>
                    <p class="shadowState">查看你的专属权益</p>
                </div>
                <ul class="navMenu">
                    <li class="active"><a href="./list.html">淘宝热卖</a></li>
                    <li>我的淘宝</li>
                    <li><a href="./cart.html">购物车</a></li>
                    <li>收藏夹</li>
                    <li>商品分类</li>
                    <li>卖家中心</li>
                    <li>联系客服</li>
                    <li>网址导航</li>
                </ul>
            </div>
        </div>
    </header>

    <script src="../js/jquery.min.js"></script>
    <script src="../js/utils.js"></script>
    <script src="../js/header.js"></script>
</body>
</html>